﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站后台管理系统HTML模板--模板之家 www.cssmoban.com</title>
<style type="text/css">
	body{
		margin: 0;
		padding: 0;
	}
	.main{
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		overflow: hidden;
	}
	.left{
		width: auto;
		overflow: hidden;
		float: left;
		margin-top: -20px;
	}
	.right{
		overflow: auto;
		float: right;
	}
</style>
</head>
<!--
	<frameset rows="88,*" cols="*" frameborder="no" border="0" framespacing="0">
	  <frame src="{:U('top')}" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
		  <frameset cols="187,*" frameborder="no" border="0" framespacing="0">
		   		 <frame src="{:U('left')}" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
		   		 <frame src="{:U('main')}" name="rightFrame" id="rightFrame" title="rightFrame" />
		  </frameset>
	</frameset>
-->
<body>
	<div class="main" id="main">
		<div class="top" id="top">
			<iframe src="{:U('top')}" width="100%" height="88px" scrolling="no" marginheight="0" marginwidth="0" align="center" style="border: 0px solid #CCC; margin: 0; padding: 0;">高度88px</iframe>
		</div>
		<div class="con">
			<div class="left">
				<iframe id="leftHtml" src="{:U('left')}" width="187px" scrolling="no" marginheight="0" marginwidth="0" align="center" style="border: 0px solid #CCC; margin: 0; padding: 0;"></iframe>
			</div>
			<div class="right" id="rightHtml">
				<iframe  id="rightFrame" name="rightFrame" src="{:U('main')}" scrolling="auto" marginheight="0" marginwidth="0" align="center" style="border: 0px solid #CCC; margin: 0; padding: 0;"></iframe>
			</div>
		</div>
	</div>
</body>
<script>
	window.onload = function() {
		// 获取当前屏幕的高度和宽度
		var ClientWidth = document.body.clientWidth;
		var ClientHeight = document.body.clientHeight;
		// 设置控制台最高高度
		document.getElementById('main').style.height = ClientHeight + 'px';
		// 获取顶部div高度
		var topHeight = 88;
		// 设置内容左边导航条
		document.getElementById('leftHtml').style.height = ClientHeight - topHeight + 'px';
		// 设置内容右边宽度
		document.getElementById('rightHtml').style.width = ClientWidth - 187 + 'px';
		document.getElementById('rightFrame').style.width = ClientWidth - 187 + 'px';
		console.log(ClientWidth - 157 + 'px')
		document.getElementById('rightFrame').style.height = ClientHeight - topHeight + 'px';
	}
</script>
</html>